<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
   <meta charset="utf-8"> 
	<title>top</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
      <style>
	.navbar-nav{
		
		margin-right:5%;
		}
		#logo{
			 height:60px;
			  width:120px;
			  margin-top:0px;}
			 
				  #logoBox{
					  margin-left:15%;
					  }
					  #navLabel{
						  margin-left:10%;
						  width:60%;
						  }
						  #navLabel li{
							margin-left:5%;
							font-size:18px;
							vertical-align:central;
							  }
							 #navLabel li a:hover{
								  color:#96d46e;
								  
								  }
								  
								  #example{
								  margin-top:8%;
								  margin-bottom:10%;
								  }
								  #team{
								  margin-top:5%;
								  }
    </style>
</head>
<body>

<nav id="navbar-example" class="navbar navbar-default navbar-fixed-top" role="navigation">
	
		<div class="navbar-header" id="logoBox">
			<button class="navbar-toggle" type="button" data-toggle="collapse" 
					data-target=".bs-js-navbar-scrollspy">
				<span class="sr-only">切换导航</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<img src="img/logo.jpg" id="logo">
		</div>
		<div class="collapse navbar-collapse bs-js-navbar-scrollspy">
			<ul class="nav navbar-nav" id="navLabel">
				<li class="active"><a href="#product">产品</a></li>
				<li><a href="#service">服务</a></li>
				<li><a href="#team">团队</a></li>
                <li><a href="#example">案例</a></li>
                <li><a href="#contact">联系我们</a></li>
			</ul>
		
	</div> 
</nav>
<div data-spy="scroll" data-target="#navbar-example" data-offset="0" 
	 style="margin-top:0%;overflow:auto; position: relative;">
	<div id="product">
	<jsp:include page="section1-1.html" />
</div>
	<div id="service">
	<jsp:include page="section2.html" />
</div>
	<div id="team">
	<jsp:include page="section3.html" />
</div>
	<div id="example">
	<jsp:include page="section4.html" />
</div>
	
	<div id="contact" bgcolor="#e1e0e0">
	<jsp:include page="section5.html" />
</div>
</div>

</body>
</html>